<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="classify.css">
</head>
<body>
    <div class="nav"> 
        <div class="nav-c">
            <div class="logo">
                <img src="images/logo.png" alt="">
            </div>
            <div class="nav-text">
                <ul class="nav-ul">
                    <li class="deta">
                        <a class="deta-big" href="#">首页</a>
                    </li>
                    <li class="deta">
                        <a class="deta-a" href="#">女装</a>
                    </li>
                    <li class="deta">
                        <a class="deta-a" href="#">男装</a>
                    </li>
                    <li class="deta">
                        <a class="deta-a" href="#">箱包</a>
                    </li>
                    <li class="deta-margin0">
                        <a class="deta-a" href="#">配饰</a>
                    </li>
                </ul>
            </div>
            <div class="nav-input">
                <input class="bar" type="text" placeholder="搜索商品名/商品编号">
                <a href="">
                    <img class="input-img" src="images/形状.png" alt="">
                </a>
            </div>
            <div class="nav-shop">
                <a class="shop-img" href="">
                    <img class="like" src="images/like.png" alt="">
                </a>
                <a class="shop-img" href="">
                    <img class="shoping" src="images/购物车.png" alt="">
                </a>
                <a class="shop-img-margin0" href="">
                    <img class="mine" src="images/编组.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-left">
            <h2>外套&针织衫</h2>   
            <table>
                <tr>
                    <th width="155" >外套</th>
                    <th width="155">休闲外套</th>
                    <th width="155">轻型羽绒服</th>
                </tr>
                <tr>
                    <th width="155">摇粒绒系列</th>
                    <th width="155">针织衫</th>
                    <th width="155">防晒衫</th>
                </tr>
                <tr>
                    <th width="155">法兰绒系列</th>
                    <th width="155">羽绒服</th>
                    <th width="155">牛仔服</th>
                </tr>
            </table>
        </div>
        <div class="content-right">
            <h2>衬衫&T恤</h2>
            <table>
                <tr>
                    <th width="155">衬衫</th>
                    <th width="155">长袖T恤</th>
                    <th width="155">牛仔衬衫</th>
                </tr>
                <tr>
                    <th width="155">新品系列</th>
                    <th width="155">短袖T恤</th>
                    <th width="155">打底衫</th>
                </tr>
                <tr>
                    <th width="155">法兰绒衬衫</th>
                    <th width="155">棉麻系列</th>
                </tr>
            </table>
        </div>
        </div>
    <div class="solid">
    </div>
    <div class="content">
        <div class="content-left">
            <h2>裤装</h2>   
            <table>
                <tr>
                    <th width="155">阔腿裤</th>
                    <th width="155">休闲裤</th>
                    <th width="155">中裤/短裤</th>
                </tr>
                <tr>
                    <th width="155">紧身裤</th>
                    <th width="155">束脚裤</th>
                    <th width="155">保暖裤</th>
                </tr>
                <tr>
                    <th width="155">九分裤</th>
                    <th width="155">牛仔裤</th>
                    <th></th>
                </tr>
            </table>
        </div>
        <div class="content-right">
            <h2>内衣&起居服</h2>
            <table>
                <tr>
                    <th width="155">居家服</th>
                    <th width="155">塑身系列</th>
                    <th width="155">带胸垫打底衫</th>
                </tr>
                <tr>
                    <th width="155">无钢圈文胸</th>
                    <th width="155">内衣</th>
                    <th width="155">内裤</th>
                </tr>
                <tr>
                    <th width="155">袜子</th>
                    <th width="155">BALANCE系列</th>
                </tr>
            </table>
        </div>
        </div>
        <div class="solid">
        </div>
        <div class="content">
            <div class="content-left">
                <h2>裙装</h2>   
                <table>
                    <tr>
                        <th width="155">连衣裙</th>
                        <th width="155">半身裙</th>
                        <th width="155">长裙</th>
                    </tr>
                    <tr>
                        <th width="155">短裙</th>
                        <th width="155">A字裙</th>
                    </tr>
                </table>
            </div>
            <div class="content-right">
                <h2>孕妇装&亲子装</h2>
                <table>
                    <tr>
                        <th width="155">孕妇装</th>
                        <th width="155">新生儿</th>
                        <th width="155">亲子装</th>
                    </tr>
                    <tr>
                        <th>新生儿</th>
                        <th>亲子装</th>
                        <th>孕妇装</th>
                    </tr>
                </table>
            </div>
            </div>
</body>
</html>